<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>On The Line</title>
<!-- 	<link rel="stylesheet"href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" /> -->

	<link rel="stylesheet"href="./lib/leaflet-0.7.2/leaflet.css" />

	<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
	<script type="text/javascript"src="http://maps.stamen.com/js/tile.stamen.js?v1.2.4"></script>
	
	<script type="text/javascript" src="./js/processing.js"></script>
	
    <style type="text/css">
      .bg {
        position:absolute;
        top:0px;
        left:0px;
        height:1200px;
        width:1600px;  
        border: 0px #000 solid;
        z-index:-1;        
        pointer-events:none;    
        background: #404040;      
      }
    </style>

 	<style type="text/css">	
		.circleBase {
		position:absolute;
    	top:150px;
    	left:325px;
    	border-radius: 50%;
    	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	}

	.type1 {
    	width: 650px;
    	height: 650px;
    	background: white;
    	border: 1px solid white;
    	z-index:1;  
	}
	</style>
	
	<style>
        canvas {
		position:absolute;
    	top:0px;
    	left:750px;
    	z-index:0;        
        }
    </style>
	
</head>

<body>

  <img alt="" src="./images/tmpBG_drk.png">

  <div>
  
	<!-- "FORGROUND DIV" -->
	
	 <div id="map" class="circleBase type1">
	
		<script src="./js/CKW_IExpressStations_wgs84.js"></script>
		<script src="./js/myMap.js"></script>		

    </div> <!-- END OF THE FORGROUND DIV -->


	<canvas data-processing-sources="./pde/navTmp/navTmp.pde" id="pdeSketch"></canvas>


    <!-- "BACKGROUND DIV" -->
    
    <div id="BACKGROUND_DIV" class="bg">

    </div> <!-- END OF THE BACKGROUND DIV -->
    
  </div>
 
</body>
</html>